@mixin center() {
	display: flex;
	justify-content: center;
	/* 水平居中 */
	align-items: center;
	/* 垂直居中 */
}

@mixin point() {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.container {
	padding-top: 40rpx;
	position: relative;

	.line {
		position: relative;
		padding: 60rpx 50rpx 0;

		.sub-title {
			width: 100%;
			position: absolute;
			top: 16rpx;
			left: 50rpx;
			font-size: 26rpx;
			color: #999;
		}

		.input-wrapper {
			overflow: hidden;
			padding-bottom: 19rpx;
			position: relative;
			border-bottom: 2rpx solid #eee;

			.uni-input {
				padding-right: 44rpx;
				font-size: 34rpx;
				font-weight: bold;
				color: #343434;
			}

			.input-palceholder {
				font-size: 34rpx;
				font-weight: bold;
				color: #999;
			}

			.del-icon {
				width: 34rpx;
				height: 34rpx;
				position: absolute;
				right: 0;
				top: 10rpx;
			}

			.right-icon {
				width: 90rpx;
				position: absolute;
				right: 10rpx;
				top: 0;
				text-align: right;
			}
		}

		.border-light {
			border-bottom: 2rpx solid #FBB000;
		}

		}

	.img-wrapper {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 40rpx 20rpx 0;

		.img-inner {
			width: 33%;
			margin: auto;

			.img {
				margin: 0 auto;
				position: relative;

				image {
					width: 220rpx;
					height: 150rpx;
					margin: auto;
				}

				.icon-sel {
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -34rpx;
					margin-left: -34rpx;
				}
			}

			.img-text {
				padding-top: 26rpx;
				font-size: 26rpx;
				font-weight: 500;
				color: #666666;
				text-align: center;
			}
		}

	}

	.btn {
		text-align: center;
		width: 100%;
		position: fixed;
		bottom: 0;

		.tips {
			padding: 30rpx 0;
			background-color: #F6F6F6;
			text-align: center;

			.line {
				font-size: 26rpx;
				padding: 5rpx 0;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(102, 102, 102, 1);

				.orange {
					color: #FBB000;
					padding: 18rpx 36rpx 22rpx 16rpx;
				}
			}
		}

		.btn-commit {
			background: linear-gradient(-90deg, #FBD321, #FFE23E);
			color: #343434;
			border-color: #FBD321;
			border-radius: 0 !important;
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
		}

		.btn-dis {
			background-color: #eee;
			border-color: #f00;
			color: #343434;
			border-radius: 0 !important;
			width: 100%;
			height: 100rpx;
			line-height: 100rpx;
		}
	}


}

.popup-content {
		width: 540rpx;
		border-radius: 20rpx;
		background-color: #fff;

		.popup-main {
			padding-top: 48rpx;

			.icon {
				height: 127rpx;
				width: 100%;
				text-align: center;
			}
		}
		.popup-title {
			margin: 0 20rpx;
			font-size: 36rpx;
			padding: 28rpx 0 54rpx;
			font-weight: bold;
			color: #343434;
			text-align: center;
		}

		.tips {
			font-size: 30rpx;
			color: #666;
			padding: 0 44rpx 54rpx;
		}

		.popup-footer {
			display: flex;
			flex-direction: row;
			align-items: center;
			border-top: 1rpx solid #eee;
			overflow: hidden;

			.disagreeBtn {
				color: #666;
				background-color: #fff;
				flex: 50%;
				border-radius: 0 0 0 20rpx !important;
			}

			.agreeBtn{
				flex: 50%;
				color: #FBB000;
				background-color: #fff;
				border-radius: 0 0 20rpx 0 !important;
				border-left: 1rpx solid #eee;
			}
		}
	}
/deep/ uni-button:after{
	border:none;
}
.popupWrap{
	width: 95%;
	margin: auto;
	text-align: center;
	.listItem{
		width: 100%;
		padding:20rpx 10% ;
		height: 118rpx;
		line-height: 40rpx;
		border-bottom: 2rpx solid #E4E7ED;
	}
}
.borderEB5C02{
	border: 2rpx solid #EB5C02;
	border-radius: 10rpx;
	overflow: hidden;
}
.tip{
	width: 100%;
	height: 150rpx;
	line-height: 150rpx;
	text-align: center;
	font-size: 24rpx;
	color: #EB5C02;
}